<!DOCTYPE html>
<!-- saved from url=(0024)https://candy.one/invite -->
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>


  <title>Candy Box - All Candies in One Box</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  
  <!--<link rel="shortcut icon" th:href="@{https://candy-s.futurity.cn/ui/favicon.ico} "/>-->

  <link rel="stylesheet" th:href="@{../css/AIT/invitefriends/base.css}" />
  <link rel="stylesheet" th:href="@{../css/AIT/invitefriends/bootstrap.css}" />
  <link rel="stylesheet" th:href="@{../css/AIT/invitefriends/my_candy.css}" />
  <link rel="stylesheet" th:href="@{../css/AIT/invitefriends/my_invite.css}" />

  <script th:src="@{../libs/jquery.min.js}"/>
  <script th:src="@{../plugins/layer/layer.js}"/>
  <script th:src="@{../libs/bootstrap.min.js}"/>
  <script th:src="@{../libs/vue.min.js}"/>
  <script th:src="@{../libs/validator.min.js}"/>

<script>
  $(function () {
      //* 获取用户推荐后。。6层关系的用户统计
      statisticsUserCount();
  });

  function statisticsUserCount() {
      var registerMail = $("#registerMailInfo").val();

      $.ajax({
          url:"/candybox/statisticsUserCount?registerMail="+registerMail,    //请求的url地址
          dataType:"json",   //返回格式为json
          async:false,//请求是否异步，默认为异步，这也是ajax重要特性
          type:"GET",   //请求方式
          success:function(data){
              var lv1 = data.data.lv1;
              var lv2 = data.data.lv2;
              var lv3 = data.data.lv3;
              var lv4 = data.data.lv4;
              var lv5 = data.data.lv5;
              var lv6 = data.data.lv6;
              $("#lv1").text(lv1);
              $("#lv2").text(lv2);
              $("#lv3").text(lv3);
              $("#lv4").text(lv4);
              $("#lv5").text(lv5);
              $("#lv6").text(lv6);

              var mycandycount = data.data.mycandycount;
              var myinvitecode = data.data.myinvitecode;
              var registerMail = data.data.registerMail;
              $("#mycandycount").text(mycandycount);
              $("#myinvitecode").val("http://localhost:8099/candyboxbis/invcode/"+myinvitecode);


              $("#registerMail").text(registerMail);



          }
      });

  }

</script>
</head>

<body>
<header class="navbar navbar-inverse navbar-fixed-top visible-d">
  <div class="navbar-header">
    <!-- responsive nav button -->
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <!-- /responsive nav button -->
    <!-- /logo -->
    <a class="navbar-brand" href="#">
      <img th:src="@{../img/AIT/invitefriends/logo.png}"  width="51px" class="logo" />
      <div class="logo_escription">
        <p class="logo_title">AIT</p>
        <p class="logo_sub" style="font-size: 10px;">Artificial Intelligence Data Credit Value Token</p>
      </div>
    </a>
  </div>
  <!-- main nav -->
  <nav class="collapse navbar-collapse navbar-right" role="Navigation">
    <ul id="nav" class="nav navbar-nav">
      <li class="visible-xs"><a href="">Candy Box</a></li>
      <!--<li class="visible-xs"><a href="https://candy.one/invite">Invite Friends</a></li>-->
      <li class="visible-xs"><a href="">About</a></li>
      <li class="login_name hidden-xs visible-sm visible-md visible-lg">
        <p th:text="${#httpServletRequest.getAttribute('registerMail')}"></p>
        <input type="hidden" id="registerMailInfo"  th:value="${#httpServletRequest.getAttribute('registerMail')}"/>
        <p>LOGGED IN AS</p>
        <span class="line"></span>
      </li>
      <li>
        <a href="" class="exit">
          <img th:src="@{../img/AIT/invitefriends/exit.png}"   width="18px" class="hidden-xs" />
          <p>Exit</p>
          <p class="visible-xs importantfr"> 8615928991751</p>
        </a>
      </li>
    </ul>
  </nav>
</header>
<div class="left_nav">
  <ul>
    <li><a th:href="@{'/candyboxbis/invitefriendsPage?registerMail='+ ${#httpServletRequest.getAttribute('registerMail')}}">AIT</a></li>
    <!--<li><a href="https://candy.one/invite">Invite Friends</a></li>-->
    <li><a th:href="@{'/candyboxbis/candyboxPage?registerMail='+ ${#httpServletRequest.getAttribute('registerMail')}}">stand by</a></li>
  </ul>
</div>
<div class="right_content">
  <p class="panel_title">AIT</p>
  <p class="description hidden-xs">The number of AITs you receive</p>
  <div class="Currencybox row">
    <div class="leftbox col-lg-9 col-md-9 col-xm-12 col-sx-12">
      <div class="cardmsg">
        <img th:src="@{../img/AIT/invitefriends/candybg.png}"  width="100%" />
        <div class="cashmsg">
          <p class="font42" id="mycandycount"> 260</p>

        </div>
      </div>
    </div>
    <!--<a class="transfer col-lg-3 col-md-3 col-xm-12 col-sx-12" href="https://candy.one/invite">-->
    <!--<i class="invite_icon"></i>-->
    <!--Invite-->
    <!--</a>-->
  </div>
   <div class="panel panel_share">
    <p class="panel_title">Give it to my friend</p>
    <div class="invitebox clearfix">
      <!--<input type="text" id="share_link" class="invite_input fl" value="https://candy.one/i/457992" readonly="" />-->
      <input type="text" id="myinvitecode" class="invite_input fl"  readonly="" />
      <a href="javascript:copy()" data-clipboard-target="#share_link" class="copy fl" data-clipboard-action="copy">Copy</a>
    </div>
  </div>
</div>
<div class="right_content">
  <!--<p class="panel_title"></p>-->
  <!--<p class="description hidden-xs"></p>-->

 
  <div class="panel">
    <p class="panel_title">Issued quantity</p>
    <div class="clearfix network invitebox2">
      <div class="onework">
        <p>T1</p>
        <p id="lv1"></p>
      </div>
      <div class="onework">
        <p>T2</p>
        <p id="lv2"></p>
      </div>
      <div class="onework">
        <p>T3</p>
        <p id="lv3"></p>
      </div>
      <div class="onework">
        <p>T4</p>
        <p id="lv4"></p>
      </div>
      <div class="onework">
        <p>T5</p>
        <p id="lv5"></p>
      </div>
      <div class="onework">
        <p>T6</p>
        <p id="lv6"></p>
      </div>
    </div>
  </div>
</div>



</body>
</html>